<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/about_photo.css" />
		<link rel="stylesheet" href="css/publicResource.css" />
		<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript">
			$(function()
			{
//				获取父页面id为maincontent的iframe,并设置其高度
				var main = $(window.parent.document).find("#maincontent");
				var thisheight = $(document).height();
				main.height(thisheight);
			});
		</script>
		
		<!--自定义模态弹窗-->
		<script type="text/javascript">
			
		$(function()
		{
			var photo_href=$('.about_photo a');
			var overlay=$(".div_overlay");
			var content=$(".div_content");
			var photo_scroll_left=$('.photo_scroll_left');
			var photo_scroll_right=$('.photo_scroll_right');
			
			function display(ev)
			{
//				overlay.attr("style.display","block");
				overlay.css("display","block");
				content.css("display","block");
//				console.log("display");
			}
			overlay.bind("click",function(e)
			{
				overlay.css("display","none");
				content.css("display","none");
				console.log("hide");
			});
			photo_href.bind("click",display);
		});
		
		</script>
	</head>
	<body>
		<center>
		<small class="fleft mb5">当前位置：首页>关于我们>欣光泰风采</small>
		<hr style="height: 0.5px; width: 100%;background: rgb(0,143,90);" />
		<br />
		<div class="about_photo">
			<table border="0" cellpadding="0" cellspacing="10">
				<tr>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				</tr>
				<tr>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				</tr>
				<tr>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				<td>
					<div>
						<a href="#" class="me">
							<img src="img/picture_memberphoto.png" />
							<font>员工正在检查设备</font>
						</a>
					</div>
				</td>
				</tr>
			</table>
			
			<div id="resource_page">
					<ul class="resource_page_number">
						<li><a href="#"><img src="img/icon_pagenumber_arrow_L.png"></img></a></li>
						<li><a href="#">1</a></li>
						<li><a href="#">2</a></li>
						<li><a href="#">3</a></li>
						<li><a href="#">4</a></li>
						<li><a href="#">5</a></li>
						<li><a href="#">6</a></li>
						<li><a href="#">7</a></li>
						<li><a href="#">8</a></li>
						<li><a href="#">9</a></li>
						<li><a href="#">10</a></li>
						<li><a href="#">11</a></li>
						<li><a href="#">12</a></li>
						<li><a href="#">...</a></li>
						<li><a href="#">30</a></li>
						<li><a href="#"><img src="img/icon_pagepagenumber_arrow_R.png"/></a></li>
					</ul>
			</div>
		</div>
		
		<div class="div_overlay">
		</div>
		<div class="div_content">
			<a href="#" class="photo_scroll_left"><img src="img/icon_company_photo_enlarge_arrowL.png" /></a>
			<a href="#" class="photo_scroll_right"><img src="img/icon_company_photo_enlarge_arrowR.png" /></a>
			<img src="img/picture_memberphoto.png" />
		</div>
		</center>
		
	</body>
</html>
